<template>
	
	<view class="more" v-if="lodingType==='more'">上拉加载更多</view>
	<view class="more" v-if="lodingType==='loaded'">没有更多了</view>
	<view class="more" v-if="lodingType==='loading'"><u-loading color="red"></u-loading></view>
</template>

<script setup>
	import { defineProps } from 'vue'
	let props = defineProps({
		lodingType: {
			default: 'more',
			type: String,
			validator(val){
				let res = ['more', 'loaded', 'loading'].includes(val)
				if(!res) throw '必须是more,loaded,loading之一'
				return true
			}
		}
	})
</script>

<style lang="scss" scoped>
	.more{
		text-align: center;
		font-size: 15rpx;
		color: #ccc;
		margin: 15rpx;
	}
</style>